<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/search.css">
    <link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
    <script src="../res/layui/layui.js" charset="utf-8"></script>
    <style>
        .layui-laypage-default {
            margin-left: 380px;
            margin-top: 40px;
        }

        .layui-laypage .layui-laypage-curr .layui-laypage-em {
            background-color: #5f5d5d;
        }
    </style>
</head>
<body>
<div class="bg">
    <!--最上面的导航-->
    <div class="shortcut-2014">
        <div class="w">
            <ul class="fr">
                <li class="fore1 fore1zidingyi" id="ttbar-login">
                    <a href="" class="link-login">你好，请登录</a>
                    <a href="" class="link-regist style-red">免费注册</a>
                </li>
                <!--<li class="spacer"></li>-->
                <li class="fore2">
                    <div class="dt">
                        <a href="" target="_blank">我的订单</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="o-header-2013">
        <div id="header-2013" style="display:none;"></div>
    </div>
    <!-- 下面的带 logo 的部分 -->
    <div id="nav">
        <div class="w">
            <!-- logo 部分 -->
            <div class="logo">
                <a href="" class="fore11" target="_blank"></a>
                <a href="" class="fore22" target="_blank">我的树懒</a>
                <a href="" class="fore33" target="_blank">返回树懒首页</a>
            </div>
            <!--搜索部分-->
            <div id="search-2014">
                <ul class="hide" id="shelper"></ul>
                <div class="form">
                    <input type="text" class="text" id="key">
                    <button class="button cw_icon">
                        <i></i>
                        搜索
                    </button>
                </div>
            </div>
            <!-- 我的购物车部分样式 -->
            <div class="nav-r zidingyiright">
                <div id="settleup-2014" class="dorpdown">
                    <div class="cw-icon" id="zidingyi">
                        <i class="ci-left"></i>
                        <i class="ci-right">></i>
                        <!--<i class="ci-count" id="shopping-amount">28</i>-->
                        <a href="" target="_blank">我的购物车</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="head1">

        <ul class="select">
        <li class="select-list">
            <dl id="select1">
                <dt>热门品牌</dt>
                <dd class="select-all selected"><a href="#">全部</a></dd>
                <dd><a href="#">Apple</a></dd>
                <dd><a href="#">HUAWEI</a></dd>
                <dd><a href="#">三星</a></dd>
                <dd><a href="#">vivo</a></dd>
                <dd><a href="#">oppo</a></dd>
                <dd><a href="#">小米</a></dd>
                <dd><a href="#">honor</a></dd>
                <dd><a href="#">魅族</a></dd>
                <dd><a href="#">Nubia</a></dd>
                <dd><a href="#">金立</a></dd>
                <dd><a href="#">飞利浦</a></dd>
                <dd><a href="#">realme</a></dd>
                <dd><a href="#">NOKIA</a></dd>
                <dd><a href="#">黑鲨</a></dd>
            </dl>
        </li>
        <li class="select-list">
            <dl id="select2">
                <dt>运行内存</dt>
                <dd class="select-all selected"><a href="#">全部</a></dd>
                <dd><a href="#">16GB</a></dd>
                <dd><a href="#">12GB</a></dd>
                <dd><a href="#">8GB</a></dd>
                <dd><a href="#">6GB</a></dd>
                <dd><a href="#">4GB</a></dd>
                <dd><a href="#">3GB</a></dd>
                <dd><a href="#">2GB</a></dd>
                <dd><a href="#">2GB以下</a></dd>

            </dl>
        </li>
        <li class="select-list">
            <dl id="select3">
                <dt>机身储存</dt>
                <dd class="select-all selected"><a href="#">全部</a></dd>
                <dd><a href="#">1TB</a></dd>
                <dd><a href="#">512GB</a></dd>
                <dd><a href="#">256GB</a></dd>
                <dd><a href="#">128GB</a></dd>
                <dd><a href="#">64GB</a></dd>
                <dd><a href="#">32GB</a></dd>
                <dd><a href="#">其他</a></dd>
            </dl>
        </li>
        <li class="select-list">
            <dl id="select4">
                <dt>商品价格</dt>
                <dd class="select-all selected"><a href="#">全部</a></dd>
                <dd><a href="#">500-1000元</a></dd>
                <dd><a href="#">1001-1500元</a></dd>
                <dd><a href="#">1501-2000元</a></dd>
                <dd><a href="#">2001-3000元</a></dd>
                <dd><a href="#">3001-4000元</a></dd>
                <dd><a href="#">4001-5000元</a></dd>
                <dd><a href="#">5001-6000元</a></dd>
                <dd><a href="#">6001-7000元</a></dd>
                <dd><a href="#">7000元以上</a></dd>
            </dl>
        </li>

    </ul>

        <button class="btn newBtn"></button>

        <div class="main">


            <!--右边商品-->
            <div class="lc-col  lc-col--cols6-5 shangpinhezi">
                <div>
                    <div class="lc-goods-base">
                        <div class="lc-goods-base-main lc-goods-base-main--lg">

                            <!--行中的第一个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin01.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple Watch SE 智能手表 GPS款 44毫米深空灰色铝金属表壳
                                            黑色运动型表带MYDT2CH/A
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第二个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin02.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple【Pencil套装版】 iPad Air 10.9英寸 平板电脑（ 2020年新款
                                            256G WLAN版/A14芯片/MYFT2CH/A）深空灰
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第三个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin03.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple MacBook Air 13.3 新款8核M1芯片(7核图形处理器) 8G
                                            256G SSD 银色 笔记本电脑 MGN93CH/A
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第四个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin04.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple iPad Pro 12.9英寸平板电脑 2020年新款(256G
                                            WLAN+Cellular版/全面屏/Face ID/MXFN2CH/A) 深空灰色
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第五个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin05.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple 【Pencil套装版】iPad Air 10.9英寸 平板电脑（ 2020年新款
                                            256G WLAN版/A14芯片/MYFW2CH/A）银色
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第五个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin05.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple 【Pencil套装版】iPad Air 10.9英寸 平板电脑（ 2020年新款
                                            256G WLAN版/A14芯片/MYFW2CH/A）银色
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="lc-col  lc-col--cols6-5 shangpinhezi">
                <div>
                    <div class="lc-goods-base">
                        <div class="lc-goods-base-main lc-goods-base-main--lg">

                            <!--行中的第一个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin01.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple Watch SE 智能手表 GPS款 44毫米深空灰色铝金属表壳
                                            黑色运动型表带MYDT2CH/A
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第二个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin02.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple【Pencil套装版】 iPad Air 10.9英寸 平板电脑（ 2020年新款
                                            256G WLAN版/A14芯片/MYFT2CH/A）深空灰
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第三个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin03.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple MacBook Air 13.3 新款8核M1芯片(7核图形处理器) 8G
                                            256G SSD 银色 笔记本电脑 MGN93CH/A
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第四个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin04.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple iPad Pro 12.9英寸平板电脑 2020年新款(256G
                                            WLAN+Cellular版/全面屏/Face ID/MXFN2CH/A) 深空灰色
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第五个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin05.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple 【Pencil套装版】iPad Air 10.9英寸 平板电脑（ 2020年新款
                                            256G WLAN版/A14芯片/MYFW2CH/A）银色
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--行中的第五个商品-->
                            <div class="goods-item-wrapper goods-item-wrapper--vertical goods-item-wrapper--cols6-1">
                                <div class="goods-item goods-item--nomargin" style="padding: 15px;">
                                    <div class="goods-item__cover" style="height: 160px;">
                                        <img class="goods-item__img" src="../images/shoujishangpin05.webp"
                                             style="width: 160px; height: 160px;">
                                    </div>
                                    <div class="goods-item__info">
                                        <div class="goods-item__title goods-item__title--twoline"
                                             style="color: rgb(0, 0, 0);">Apple 【Pencil套装版】iPad Air 10.9英寸 平板电脑（ 2020年新款
                                            256G WLAN版/A14芯片/MYFW2CH/A）银色
                                        </div>
                                        <div class="goods-item__content">
                                            <div class="goods-item__price" style="color: rgb(240, 43, 43);">
                                                ￥
                                                2399.00
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="demo0"></div>
        <script>
            layui.use(['laypage', 'layer'], function () {
                var laypage = layui.laypage
                    , layer = layui.layer;

                //总页数低于页码总数
                laypage.render({
                    elem: 'demo0'
                    , count: 70 //数据总数
                });
            })</script>
    </div>
</div>

</div>

<!--下方提示信息-->
<div id="cmsfooter">
    <div id="service-2017">
        <!-- 多快好省 -->
        <div class="w hhzidingyi">
            <ol class="slogen">
                <li class="item ">
                    <i>多</i>
                    品类齐全，轻松购物
                </li>
                <li class="item fore2">
                    <i>多</i>
                    多仓发货，极速配送
                </li>
                <li class="item fore3">
                    <i>好</i>
                    正品行货，精致服务
                </li>
                <li class="item fore4">
                    <i>省</i>
                    天天低价，畅选无忧
                </li>
            </ol>
        </div>
        <!--下面的信息-->
        <div class="shulan-help">
            <div class="w hhzidingyi">
                <div class="tishixinxi">
                    <span class="zititishixinxi">欢迎使用树懒商城，为您提供高质量的服务，是我们商城最高的追求！</span>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


</div><!--  bg-->

<script src="../js/search.js"></script>
</body>
</html>